<template>
  <div class="source-home">
    <source-explain />
    <source-case />
  </div>
</template>

<script>
  import { defineComponent, reactive, toRefs, onMounted } from 'vue';
  import sourceExplain from './source-explain.vue';
  import sourceCase from './source-case.vue';
  export default defineComponent({
    name: 'SourceHome',
    components: {
      sourceExplain,
      sourceCase,
    },
    setup() {
      const state = reactive({});
      onMounted(() => {});
      return {
        ...toRefs(state),
      };
    },
  });
</script>
<style scoped lang="less">
  .source-home {
    width: 100%;
    min-width: 1250px;
    overflow: auto !important;
    border-top: 1px solid #ecedf0;
    background-color: #f0f2f5;
    padding: 0 20px;
  }
</style>
